<!-- 
    time：20024-4-20
    name：meidusa 
    role：一次加载一张图片，加载完再加载下一张图片
 -->

<template>
    <div class="loop-loading-img">
        <div ref="looploadingDom" class="loop-loading-img-box"></div>
    </div>
</template>

<script setup lang='ts'>
import { onMounted, ref } from 'vue';
import { LoopLoadingOneImg } from '../../hooks/LoopLoadingOneImg/index'
let looploadingDom = ref()
let imgArr = ref<Array<string>>([
    "https://xiao.efreeworker.com/freeworker/api/upload/product/attr/2024/04/16/a5fab2bf-5124-41b7-ba9f-58cbd768976d.png",
    "https://xiao.efreeworker.com/freeworker/api/upload/product/attr/2024/04/16/a5fab2bf-5124-41b7-ba9f-58cbd768976d.png",
    "https://xiao.efreeworker.com/freeworker/api/upload/product/attr/2024/04/16/a5fab2bf-5124-41b7-ba9f-58cbd768976d.png",
    "https://xiao.efreeworker.com/freeworker/api/upload/product/attr/2024/04/16/a5fab2bf-5124-41b7-ba9f-58cbd768976d.png",
    "https://xiao.efreeworker.com/freeworker/api/upload/product/attr/2024/04/16/a5fab2bf-5124-41b7-ba9f-58cbd768976d.png",
    "https://xiao.efreeworker.com/freeworker/api/upload/product/attr/2024/04/16/a5fab2bf-5124-41b7-ba9f-58cbd768976d.png",
    "https://xiao.efreeworker.com/freeworker/api/upload/product/attr/2024/04/16/a5fab2bf-5124-41b7-ba9f-58cbd768976d.png",
])

onMounted(() => {
    LoopLoadingOneImg(imgArr.value, looploadingDom.value)
})
</script>

<style lang="scss" scoped></style>